// 引入变量
@use "var.scss" as *;

* {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;
    display: inline-block;
}

html {
    min-width: 75rem; // 使用相对单位rem
    font-size: 0.875rem; // 使用相对单位rem
}

/* 移动端布局样式，使用媒体查询 */
@media screen and (max-width: 768px) {
    /* 在移动端应用不同的样式 */
    html {
        min-width: auto;
        /* 移动端不需要固定最小宽度 */
        font-size: 0.75rem;
        /* 调整移动端字体大小，可以根据需要调整 */
    }
}

div {
    box-sizing: content-box;
}

/*表单*/
.el-select-dropdown__item {
    display: block !important;
}

/*轮播图*/
.el-scrollbar__view,
.el-select-dropdown__list {
    width: 100% !important;
    text-align: center;
}

.el-carousel__indicators,
.el-carousel__indicators--outside {
    display: inline-block;
    margin-left: 31.25rem !important; // 使用相对单位rem
}

.el-slider__runway {
    background-color: $color-blue !important;
}
